<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>Login Page</title>
	<link rel="stylesheet" href="component/pear/css/pear.css" />
	<link rel="stylesheet" href="admin/css/other/login.css" />
</head>
<!-- 代 码 结 构 -->

<body background="admin/images/background2.svg" style="background-size: cover;">
	<form class="layui-form" action="javascript:void(0);">
		<div class="layui-form-item">
			<img class="logo" src="admin/images/logo.png" />
			<div class="title">野火IM Admin</div>
			<div class="desc">
			</div>
		</div>
		<div class="layui-form-item">
			<input placeholder="请输入账号" hover class="layui-input" />
		</div>
		<div class="layui-form-item">
			<input placeholder="请输入密码" hover class="layui-input" />
		</div>

		<div class="layui-form-item">
			<button class="pear-btn pear-btn-success login" lay-submit lay-filter="login">
				登 入
			</button>
		</div>
	</form>
	<!-- 资 源 引 入 -->
	<script src="component/layui/layui.js"></script>
	<script src="component/pear/pear.js"></script>
	<script>
		layui.use(['form', 'element', 'jquery', 'button', 'popup'], function () {
			var form = layui.form;
			var element = layui.element;
			var button = layui.button;
			var popup = layui.popup;
			var $ = layui.jquery;

			// 登 录 提 交
			form.on('submit(login)', function (data) {
				button.load({
					elem: '.login',
					time: 1500,
					done: function () {
						popup.success("登录成功", function () {
							location.href = "index.html"
						});
					}
				})
				return false;
			});
		})
	</script>
</body>

</html>